<template>
  <div>
    <c-header :active="type" @changeType="getType"></c-header>
     <div class="title">产品中心-实木复合地板-表面工艺</div>
     <div class="content">

       <div class="content-title">
         <h3>匠心工艺 美丽升级</h3>
         <h4>
           表层处理技术可以进一步提升木地板的天然外观
           。Pergo 精心采用拉丝、锯切等结构强化技术以凸显实木的外观与质感。不仅如此，
           为了让你的地板美观耐用，经得起时间的考验，
           我们对 Pergo 三层实木地板进行了保护性和护理性的表面涂层处理。
         </h4>
       </div>

       <div class="content-item">
         <div class="item-gray">
           <span>01</span>
           <span>油面漆面 随心选择</span>
         </div>
         <div class="item-text">
           不同的表层处理铸就不同的木材品质和视觉效果。
           所有 Pergo 地板安装后，均可直接投入使用，无需进行额外表层处理。
           顾客可随心选择油面或者漆面的处理，二者均严格遵守国际排放规范，
           环境生态友好，使用安全放心。
         </div>
       </div>

        <div class="content-item">
         <div class="item-gray">
           <span>02</span>
           <span>表面涂层处理</span>
         </div>
         <div class="item-text">
          木材是一种因时间的流逝而愈发闪耀动人的材料。
          为了确保您在以后的数年里都能享受地板，我们对地板进行了保护性和护理性的工艺处理。
          我们开箱后的所有地板都可以直接使用，无需对表面做额外处理。
          两种表面处理方式——油面处理和漆面处理——会给木地板带来完全不同的质感和外观。
          我们所有的漆、油处理的使用都严格符合国际排放标准，
          因此，您可以在尊重环境的前提下尽情享受木地板带来的乐趣。
         </div>
         <div class="scroll-box">

          <div class="scorll-item">
            <div class="scroll-img">
              <img src="http://www.pergo.com.cn/sites/default/files/wood/structure/chao_zi_ran_ya_guang_qi_mian_.jpg" alt="">
            </div>
            <div class="scorll-text">
              <h3>超自然亚光漆面</h3>
              <p>我们的超自然亚光漆面处理给您带来了俩大特性：未经处理的自然木材表面视觉效果以及使用漆面处理带来的低维护需求。</p>
            </div>
          </div>
           <div class="scorll-item">
            <div class="scroll-img">
              <img src="http://www.pergo.com.cn/sites/default/files/wood/structure/qi_mian_.jpg" alt="">
            </div>
            <div class="scorll-text">
              <h3>漆面</h3>
              <p>
                漆面使得地板具有防污耐脏易于清洁、防水以及耐家用化学品侵蚀等特点。<br>
                我们的漆面分为几种光泽度——亮面、缎面、以及亚光。
              </p>
            </div>
          </div>
          <div class="scorll-item">
            <div class="scroll-img">
              <img src="http://www.pergo.com.cn/sites/default/files/wood/structure/gao_pin_zhi_you_mian_chu_li_.jpg" alt="">
            </div>
            <div class="scorll-text">
              <h3>高品质油面处理</h3>
              <p>
               油面真正强调了实木自身真实质朴的特性，且超亚光表面带来的木材岁月之美，易于维修和翻新。
              </p>
            </div>
          </div>
         </div>
         
       </div>

        <div class="content-item">
         <div class="item-gray">
           <span>03</span>
           <span>独特的倒角技术</span>
         </div>
         <div class="item-text">
           独特的 V 型槽倒角处理让每一块木板都变得独一无二，营造出一种原木地板真实质朴的质感。<br>
           我们的产品系列包括长边 2 边 V 型槽倒角和 4 边 V 型槽倒角设计。
         </div>

          <div class="scroll-box">

          <div class="scorll-item scorll-item1">
            <div class="scroll-img">
              <img src="http://www.pergo.com.cn/sites/default/files/article/wood_2waybevel.jpg" alt="">
            </div>
            <div class="scorll-text">
              <h3>2 边 V 型槽倒角</h3>
              
            </div>
          </div>
           <div class="scorll-item scorll-item1">
            <div class="scroll-img">
              <img src="http://www.pergo.com.cn/sites/default/files/article/wood_4waybevel.jpg" alt="">
            </div>
            <div class="scorll-text">
              <h3>4 边 V 型槽倒角</h3>        
            </div>
          </div>
          
         </div>

       </div>

        <div class="content-item">
         <div class="item-gray">
           <span>04</span>
           <span>表面纹理处理</span>
         </div>
         <div class="scroll-box">

          <div class="scorll-item">
            <div class="scroll-img">
              <img src="http://www.pergo.com.cn/sites/default/files/wood/structure/shou_gong_la_si_xiao_guo_.jpg" alt="">
            </div>
            <div class="scorll-text">
              <h3>手工拉丝效果</h3>
              <p>经过手工拉丝处理的木板表面突出了自然纹理结构，提升了木材原汁原味之感。</p>
            </div>
          </div>
           <div class="scorll-item">
            <div class="scroll-img">
              <img src="http://www.pergo.com.cn/sites/default/files/wood/structure/shuang_bei_shou_gong_la_si_xiao_guo_.jpg" alt="">
            </div>
            <div class="scorll-text">
              <h3>双倍手工拉丝效果</h3>
              <p>
               双倍手工拉丝处理的木板表面去除了年轮间的柔软木质部分。双倍手工拉丝处理更进一步地提升了木材的原汁原味之感。
              </p>
            </div>
          </div>
          <div class="scorll-item">
            <div class="scroll-img">
              <img src="http://www.pergo.com.cn/sites/default/files/wood/structure/ju_hen_xiao_guo_.jpg" alt="">
            </div>
            <div class="scorll-text">
              <h3>锯痕效果</h3>
              <p>
               锯木纹处理的表面不规则锯纹痕迹真正展现了木板的工艺和特点，还为房间增添了一些真情实感。
              </p>
            </div>
          </div>
         </div>
       </div>

         <div class="content-item">
         <div class="item-gray">
           <span>05</span>
           <span>木材种类</span>
         </div>
         <div class="item-text">
           <strong>橡木</strong> 有典型的纹理结构，颜色上呈黄色至棕色。<strong>绿柄桑木</strong> 呈金色和棕色条状纹理。 <br>
           <strong>玛宝木</strong> 颜色变化幅度大，其变化范围从橙色至深红棕色不等。<strong>胡桃木</strong> 呈暖棕色，与边材形成了鲜明的对比。
           <p style="margin-top:0.5rem;">
             木材是一种富于生命力的材料。木材颜色会随着四季的更迭而改变。所示的图案和颜色并不能完全概括木地板中出现的所有细微差别。
           </p>
         </div>
       </div>

     </div>
    <c-footer></c-footer>
  </div>
</template>

<script>

  export default {
    name:'',
    props:[''],
    data () {
      return {
         type: this.$route.query.type ? this.$route.query.type : 0,
      };
    },

    components: {},

    computed: {},

    beforeMount() {},

    mounted() {},

    methods: {
       getType(type) {
        this.type = type
      },
    },

    watch: {}

  }

</script>
<style lang='less' scoped>
.content{
  padding: 0 .25rem;
  margin-bottom: 1.07rem;
.content-title{
  &>h3{
    height: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
  }
}
.content-item{
  margin-top: 0.45rem;
  .item-gray{
    height: 0.8rem;
    background: #f8f8f8;
    line-height: 0.8rem;
    &>span:first-child{
      font-size: 0.3rem;
      font-weight: bold;
      padding-left: 0.2rem;
      margin-right: 0.2rem;
    }
    &>span:last-child{
      font-size: 0.28rem;
      font-weight: bold;
    }
  }
}
.item-text{
  color: #6e6e6e;
  padding-left: 0.8rem;
  padding-top: 0.3rem;
}
}
.scroll-box{
  padding-left: 0.7rem;
  margin-top: 0.3rem;
  display: flex;
  white-space: nowrap;
  overflow-x: scroll;
  .scorll-item{
    width: 3.5rem;
    flex-shrink: 0;
    margin-right: 0.4rem;
    .scroll-img{
        img{
          width: 3.5rem;
          height: 3.5rem;
        }
      }
      .scorll-text{
        &>p{
          color: #6e6e6e;
           white-space: normal;
        }
      }
  }
  
}
.scorll-item1{
  width: 5.36rem !important;
  .scroll-img{
        img{
          width: 5.36rem !important;
          height: 3.55rem !important;
        }
      }
}

</style>